/*屏幕分辨率大于1740px*/
@media screen and (min-width:1740px) {
}

/*屏幕分辨率小于1740px 大于1200px*/
@media screen and (min-width:1200px) and (max-width:1660px) {
    .layui-layout-body {
        position: absolute !important;
        top: 65px !important;
        width: 100% !important;
        margin-left: 0px !important;
        box-shadow: 0 1px 4px 0 #e5e5e5 !important;
    }

    #view {
        margin-top: 70px !important;
    }
}

/*屏幕分辨率小于1200px 大于600px 针对logo */
@media screen and (min-width:600px) and (max-width:1200px) {
    .layui-logo {
        margin-left: 15px;
        width: 25% !important;
        background-image: url("../static/IMG/Navigation/logo_p.png") !important;
    }
}

/*屏幕分辨率小于600px  针对logo */
@media screen and (max-width:600px) {
    .layui-logo {
        margin-left: 15px;
        width: 50% !important;
        background-image: url("../static/IMG/Navigation/logo_p.png") !important;
    }
}

/*屏幕分辨率小于700px 手机模式*/
@media screen and (max-width:700px) {
    .layui-col2 {
        flex: 0 0 100% !important;
    }

    .draft .s_btn {
        width: 100%;
        position: absolute;
        top: -5px;
    }

        .draft .s_btn input {
            margin-left: 20px;
        }

    .draft .layui-tab-title {
        width: 100% !important;
    }

    .homepage_btn_phone {
        display: block !important;
        margin: 10px 0px 0px 10px !important;
    }

    .draft {
        margin-top: 50px !important;
    }

        .draft .layui-tab-item {
            padding-bottom: 50px;
        }

        .draft .layui-tab-title li {
            padding: 0px 3px !important;
        }

    .personalData label {
        width: 65px !important;
    }

    .personalData .layui-input-block {
        margin-left: 100px !important;
        width: 220px !important;
    }

    .personalData .save {
        width: 135% !important;
        margin-left: -75px !important;
    }

    .m {
        width: 100% !important;
        margin: 0px !important;
    }

    .m_comment {
        padding: 10px 0px !important;
    }

    .m_cover img {
        height: unset !important;
    }

    .m_c_list ul {
        padding: 0px 10px;
    }

    .m_c_time {
        width: unset !important;
    }

    /*首页*/
    .home-container {
        width: 100% !important;
    }

    /*用户管理页面*/
    .userManage_body {
        width: 100% !important;
        margin-top: 0px !important;
    }

        .userManage_body .layui-col-space20 {
            margin: 0px !important;
        }

        .userManage_body .layui-col-md2 {
            display: none;
            width: 250px;
            position: absolute;
            z-index: 999;
            left: 250px;
        }

        .userManage_body .layui-col-md10 {
            width: 100%;
        }

        .userManage_body .user_search {
            width: 200px !important;
        }

            .userManage_body .user_search input {
                display: inline-block;
            }

    .showGruop {
        display: inline-block !important;
    }

    /*操作审核页面*/
    .e {
        width: 100% !important;
        margin: 0px !important;
    }

    .e_left {
        display: none;
        width: 180px !important;
        position: absolute;
        left: -180px;
        top: 0px !important;
    }

    .e_right {
        width: 100% !important;
        float: unset !important;
    }

    .e_show_type {
        display: block !important;
    }

    /*登录页面*/
    .login_content {
        width: 100% !important;
    }

    /*系统弹出框统一样式*/
    .layerCls {
        width: 90% !important;
        left: 5% !important;
    }

    /*日志管理页面*/
    .logList {
        background: #fff !important;
    }

    .log {
        width: 100% !important;
        margin: 0px !important;
        background: #fff;
    }

    .log_left {
        display: none;
        width: 180px !important;
        position: absolute;
        left: -180px;
        top: 10px !important;
    }

        .log_left span {
            font-size: 14px !important;
        }

    .log_right {
        width: 100% !important;
        float: unset !important;
        padding: 10px !important;
        box-sizing: border-box;
    }

    .e_r_tab .s_btn {
        margin-right: 25px;
        width: 70% !important;
    }

    .e_r_tab .layui-table-view {
        margin-top: 15px !important;
    }

    .e_r_tab .s_btn input {
        height: 31px !important;
    }

    .e_r_tab .s_btn i {
        font-size: 21px !important;
    }

    .log_showtype {
        display: inline-block !important;
    }

    .draft_list .add {
        background-position: 110px 0px !important;
    }

    .operate {
        right: unset !important;
        top: 0px !important;
    }

    /*文档页面*/
    .docTitle {
        display: none !important;
    }

    .docSearch {
        width: 90% !important;
        margin: 20px auto !important;
    }

        .docSearch input {
            width: 80% !important;
            display: inline-block;
        }

    /*云管理页面*/
    .cloundManage {
        width: 100% !important;
    }

        .cloundManage .layui-col-md2 {
            left: -190px;
            display: none;
        }

        .cloundManage .layui-col-space20 > * {
            padding: 0 !important;
        }

    .cloudEnvironment .tab ul {
        height: 50px;
    }

    .cloundManage .layui-card {
        width: 170px !important;
    }

    .cloundManage .resources {
        width: 90% !important;
    }

    .cloundManage .layui-col-md10 {
        width: 100%;
    }

    .cloudEnvironment .tab li {
        height: 50px !important;
        line-height: 50px !important;
        width: 19.8%;
        float: left;
        font-size: 14px !important;
    }
}

/*屏幕分辨率小于1200px 手机模式或pc小分辨率*/
@media screen and (max-width:1200px) {
    .layui-layout-body, .layui-layout-right {
        display: none;
    }

    .layui-layout-body {
        width: 100% !important;
        position: absolute !important;
        top: 60px !important;
        margin-left: 0px !important;
        background: #000 !important;
    }

    .layui-header {
        width: 100% !important;
        background: #000 !important;
    }

        .layui-header .layui-nav-item a {
            color: #fff !important;
        }

    .nav_phone {
        display: block !important;
        font-size: 25px !important;
        color: #fff;
        position: absolute;
        right: 15px;
        cursor: pointer;
        top: 15px;
    }

    .Modular {
        width: 100% !important;
        padding: 0px !important;
    }

        .Modular > div {
            width: 95% !important;
            padding-top: 10px;
        }

    #carousel {
        height: 120px !important;
    }

        #carousel img {
            width: 100%;
        }

    .home_row {
        display: none;
    }

    .home {
        width: 100% !important;
        margin: 0 !important;
    }

        .home .layui-col-md2 {
            display: none !important;
        }
    /*.layui-nav .p_sys{*/
    /*    display: inline-block!important;*/
    /*}*/
    .index-nav-body {
        overflow: unset !important;
        padding: 0px !important;
    }
}
/*
    屏幕高度自适应
    屏幕高度小于775px
    
*/
@media screen and (max-height:775px) {

    .home .layui-card-body {
        height: 590px !important;
    }

    .home .layui-field-title {
        margin: 0px;
    }
    .home .nav_list ul li {
        height: 45px;
        line-height: 45px;
    }
}
